<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<!--引入axios,发送异步请求-->
<script src="../axios.min.js"></script>
<script>
    //发送请求,先创建一个springboot后端项目提供相关接口，注意在controller类上添加@CrossOrigin//支持跨域接口
    axios({
        method:'get',
        url:'http://localhost:8080/article/getAll',
    }).then(function(result){
        //发送成功回调
        //result代表服务器响应的所有数据，包含响应头，响应体，result.data代表的时接口响应的核心数据
        console.log(result.data)
    }).catch(result=>{
        //发送失败回调
        console.log(result)
    })
    let articleList={
        title:"标题",
        category:'生活',
        time:'2001-01-01',
        state:'草稿'
    }
    axios({
        method:'post',
        url:'http://localhost:8080/article/add',
        data:articleList//@RequestBody

    }).then(function(result){
        //发送成功回调
        //result代表服务器响应的所有数据，包含响应头，响应体，result.data代表的时接口响应的核心数据
        console.log(result.data)
    }).catch(result=>{
        //发送失败回调
        console.log(result)
    })
    //为了方便期间，axios已经为所有支持的请求方法提供了别名
    //格式：axios.请求方法(url[,data[,config]])
    axios.get('http://localhost:8080/article/getAll').then(result=>{
        console.log(result.data)
    }).catch(function(result){
        console.log(result.data)
    })
    axios.post('http://localhost:8080/article/add',articleList).then(result=>{
        console.log(result.data)
    }).catch(function(result){
        console.log(result.data)
    })
    </script>
</html>